<template>
	<view class="all">
		<view class="font" v-if="legal === 'true'">
			真品
		</view>
		<view class="font" v-else>
			存疑
		</view>
		<view class="pic">
			<img class="pic_img" src="/static/img.png" alt="" />
			<svg color="#000" width="30px" height="30px" viewBox="0 0 45 45" class="sc-kWtpeL liUqCn">

				<g fill="none" fill-rule="evenodd">
					<g transform="rotate(20 6.02 34.143)">
						<path
							d="M32.617 7.756h2.356V1.758C34.945.756 34.233.055 33.236.055h-5.97V2.41h5.346v5.346h.005zM2.355 27.326H0V33.324c.027 1.002.74 1.698 1.73 1.698h5.971v-2.355H2.355v-5.34zM32.617 32.672h-5.345v2.355h5.97c.991 0 1.703-.7 1.73-1.703v-5.998h-2.355v5.346zM0 1.753V7.75h2.355V2.41h5.346V.055h-5.97C.739.055.027.755 0 1.753"
							fill="currentColor"></path>
					</g>
				</g>
			</svg>



		</view>
		<overall :back="false" color="#fff" :backgroupcolor='false' :main_logo="true" @login="login"></overall>
	</view>
</template>

<script>
	import overall from '../overall.vue'
	export default {
		components: {
			overall
		},
		data() {
			return {
				legal: 'true'
			}
		},
		onLoad(option) {
			this.legal = option.legal || this.legal
		},
		mounted() {
			setTimeout(() => {
				if (this.legal === 'true') {
					uni.navigateTo({
						url: '/pages/index/index?review=1'
					})
				} else {
					uni.navigateTo({
						url: '/pages/index/index?review=2'
					})
				}

			}, 3000)
		},
		methods: {

		}
	}
</script>

<style>
	.all {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 90.5vh;
		padding: 15% 5% 5% 5%;
		background-image: url('/static/beijing.jpg');
		background-size: cover;
		background-position: center;
	}

	.pic_img {
		width: 28px;
		height: 28px;
		/* position: absolute; */
		transform: rotate(10deg) scale(1) translate(19px, 8px);
	}

	.liUqCn {
		transform: scale(2.5) rotate(-10deg) translate(-6px, 4px);
	}

	.font {
		font-size: 44px;
		font-weight: bold;
		margin-bottom: 70px;
	}

	@keyframes a {
		0% {
			transform: scale(1.1);
		}

		50% {
			transform: scale(1.3);
		}

		100% {
			transform: scale(1.1);
		}
	}

	.pic {
		animation: a 3s linear infinite;
		margin-bottom: 20vh;
	}
</style>